@charset "UTF-8";
* { -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0; margin: 0; }

html, body { font-family: "Microsoft YaHei", "SimHei", Arial, Helvetica, sans-serif; }

input, button { border: none; padding: 0; vertical-align: bottom; outline: none; }

img { vertical-align: middle; border: 0; }

ul, li { list-style: none; }

a { text-decoration: none; color: #ccc; }

i, cite, em, var, address, dfn { font-style: normal; }

.fl { float: left; }

.fr { float: right; }

.clearfix:before, .clearfix:after { /*清除浮动，最好最标准的写法*/ content: ""; display: table; }

.clearfix:after { clear: both; }

.clearfix { *zoom: 1; /*IE/7/6*/ /*兼容IE6下的写法*/ }
@-webkit-keyframes pluse { from { -webkit-transform: scale(1); }
  to { -webkit-transform: scale(1.1); } }
.head { background: url("./bc_01.jpg") no-repeat center top; height: 815px; }
.head .mid { width: 940px; margin: auto; position: relative; }
.head .mid img { position: absolute; width: 195px; left: 170px; top: 550px; }
.head .mid p { font-size: 29px; color: #fff; position: absolute; top: 600px; left: 400px; }
.head .mid span { display: block; font-size: 24px; color: red; line-height: 40px; display: inline-block; padding: 0 20px; background: #ffde44; border-radius: 20px; position: absolute; left: 400px; top: 670px; }

.c1 { background: #edf5fe; padding: 60px 0; }
.c1 .mid { width: 940px; margin: auto; }
.c1 .mid > img { display: block; margin: auto; }
.c1 .mid .three { display: -webkit-box; display: -ms-flexbox; display: flex; }
.c1 .mid .three div { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; padding-top: 20px; text-align: center; }
.c1 .mid .three div img { display: block; margin: auto; }
.c1 .mid .three div p { text-align: center; }
.c1 .mid .three div .w { display: inline-block; font-size: 24px; color: #11427c; line-height: 40px; border-top: 1px dashed #11427c; border-bottom: 1px dashed #11427c; padding: 0 20px; margin: 20px 0; }

.c2 .mid { width: 940px; margin: auto; }
.c2 .mid > img { display: block; margin: 50px auto 10px; }
.c2 .mid p { text-align: center; font-size: 24px; line-height: 35px; }
.c2 .mid .four img { float: left; margin: 30px auto 30px; }

.btn { display: block; margin: 50px auto 0; width: 685px; line-height: 82px; height: 82px; font-size: 36px; color: #fff; text-align: center; font-weight: bold; background: #f31c26; border-radius: 5px; border-bottom: 3px solid #9b0e15; animation: pluse 1s steps(2) infinite; -webkit-animation: pluse 1s steps(2) infinite; cursor: pointer; }

.c3 { background: #edf5fe; padding: 60px 0; }
.c3 .mid { width: 940px; margin: auto; }
.c3 .mid img { display: block; margin: auto; }
.c3 .mid p { text-align: center; font-size: 24px; line-height: 35px; margin: 20px 0 50px 0; }
.c3 .mid p strong { color: #9b0e15; }

.footer { background: #16457e; padding: 30px 0; text-align: center; color: #fff; }

.aside { width: 314px; height: 504px; background: url("./bc_02.png") no-repeat; position: fixed; position: fixed; z-index: 999; right: 10px; bottom: 10px; }
.aside img { display: block; height: 150px; margin: 230px 0 0 118px; }
.aside p { text-align: center; color: #fef4e5; font-size: 18px; margin-top: 60px; padding-left: 60px; font-weight: bold; color: red; }

.toast { width: 100%; height: 100%; position: fixed; left: 0; top: 0; background: rgba(0, 0, 0, 0.6); display: none; }
.toast .box { background: #fff; width: 400px; margin: 10% auto; position: relative; border-radius: 20px; padding-bottom: 20px; }
.toast .box .close { position: absolute; right: 0; top: -60px; cursor: pointer; }
.toast .box h3 { color: #15467e; text-align: center; padding: 30px 0; font-size: 30px; }
.toast .box .wwxx { width: 200px; display: block; margin: 30px auto; }
.toast .box span { width: 250px; border: 2px solid #11427c; padding: 10px; display: block; margin: auto; border-radius: 20px; text-align: center; font-size: 22px; color: #16457e; }
.toast .box .xixi { background: #16457e; width: 250px; padding: 10px; height: 50px; border-radius: 20px; margin: 20px auto; text-align: center; color: #fff; font-weight: bold; line-height: 30px; font-size: 24px; }
